
	<template>
  <div>
    		<el-select placeholder="帮助" class="header1"  @change="open2" value="">
    <el-option
	 class="header1-next"
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
    
  </el-select>
  <el-button type="text" @click="open2">点击打开 Message Box</el-button>
  </div>
  </template>
  
  <script>
  export default {
     data() {
      return {
        options: [{
          value: '选项1',
          label: '关于我们'
        }, {
          value: '选项2',
          label: '版本信息'
        }],
        value: ''
      }
    },methods: {
      open2:function(value) {
        if(value=='选项1'){
          this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
        });
        }
        
      }
    }
  
  }
  </script>
  
  <style lang="scss" scoped>

.header1{
	width:138px;
	background-color: #353535;

}

			
</style>
  